@charset "UTF-8";
*{
    margin: 0;
    padding: 0;
}
body{
    background: url("../img/1%20(2).png");
    background-size: 100% 1160px;
}
h1{
    font-size: 100px;
    font-family: "华文彩云";
}
#am{
    width: 500px;
    height: 500px;
    background: url("../img/1.png")no-repeat;
    background-size: 500px 500px;
    position: relative;
    top: 127px;
    left: -14px;
    animation: am 10s linear infinite;
}
@keyframes am {
    0%{
        background: url("../img/1.png")no-repeat;
        background-size: 500px 500px;
        transform: rotate(0deg) scale(1) ;
        top: 32px;
        left: -39px;
    }
    20%{
        background: url("../img/2.png")no-repeat;
        background-size: 500px 500px;
        transform: rotate(80deg) scale(1.2) ;
        top: 200px;
        left: 300px;
    }
    40%{
        background: url("../img/3.png")no-repeat;
        background-size: 500px 500px;
        transform: rotate(180deg) scale(1.4) ;
        top: 20px;
        left: 600px;
    }
    60%{
        background: url("../img/4.png")no-repeat;
        background-size: 500px 500px;
        transform: rotate(360deg) scale(0.8) ;
        top: 60px;
        left: 100px;
    }
    80%{
        background: url("../img/5.png")no-repeat;
        background-size: 500px 500px;
        transform: rotate(390deg) scale(1.8) ;
        top: 100px;
        left: 200px;
    }
    100%{
        background: url("../img/6.png")no-repeat;
        background-size: 500px 500px;
        transform: rotate(0deg) scale(2.2) ;
        top: 100px;
        left: 300px;
    }
}